@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
}

html,body {
  font-size: 16px;
  color: #333;
  height:100%;
}
*::selection {
  background-color: limegreen;
  color: #fff;
}
*::-moz-selection {
  background-color: limegreen;
  color: #fff;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: #333;
  -webkit-tap-highlight-color:transparent;
}

img {
  border: 0;
}

body, button, input, select, textarea {
  color: #333;
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", STHeiti, sans-serif !important;
}

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}
input:not([type=radio]) {
  //-webkit-appearance: none !important;/*解决iOS Safari input按钮上的圆角问题*/
  border-radius: 0;
  outline: none;
}

button, a {
  outline: none;
}

table {
  /*合并边框模型*/
  border-collapse: collapse;
  border-spacing: 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*清除浮动*/
.clearfix::before,
.clearfix::after {
  display: block;
  content: "";
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}

.clearfix {
  *zoom: 1;
  /*IE/7/6*/
}

.layui-layer .layui-layer-btn{
  text-align: center;
}
/* 屏幕的适配 750的设计稿*/
//@media only screen and (max-width: 768px) {
//  html {
//    font-size: 102.4px !important;
//  }
//}
//
//@media only screen and (max-width: 435px) {
//  html {
//    font-size: 58px !important;
//  }
//}
//
//@media only screen and (max-width: 414px) {
//  html {
//    font-size: 55.2px !important;
//  }
//}
//
//@media only screen and (max-width: 411px) {
//  html {
//    font-size: 54.8px !important;
//  }
//}
//
//@media only screen and (max-width: 375px) {
//  html {
//    font-size: 50px !important;
//  }
//}
//
//@media only screen and (max-width: 360px) {
//  html {
//    font-size: 48px !important;
//  }
//}
//
//@media only screen and (max-width: 320px) {
//  html {
//    font-size: 42.67px !important;
//  }
//}

////720设计稿
@media only screen and (max-width: 768px) {
  html {
    font-size: 106.7px !important;
  }
}

@media only screen and (max-width: 435px) {
  html {
    font-size: 60.42px !important;
  }
}

@media only screen and (max-width: 414px) {
  html {
    font-size: 57.5px !important;
  }
}

@media only screen and (max-width: 411px) {
  html {
    font-size: 57.08px !important;
  }
}

@media only screen and (max-width: 375px) {
  html {
    font-size: 52.08px !important;
  }
}

@media only screen and (max-width: 360px) {
  html {
    font-size: 50px !important;
  }
}

@media only screen and (max-width: 320px) {
  html {
    font-size: 44.44px !important;
  }
}

////640设计稿
//@media only screen and (max-width: 768px) {
//  html {
//    font-size: 120px !important;
//  }
//}
//
//@media only screen and (max-width: 435px) {
//  html {
//    font-size: 67.97px !important;
//  }
//}
//
//@media only screen and (max-width: 414px) {
//  html {
//    font-size: 64.68px !important;
//  }
//}
//
//@media only screen and (max-width: 411px) {
//  html {
//    font-size: 64.21px !important;
//  }
//}
//
//@media only screen and (max-width: 375px) {
//  html {
//    font-size: 58.6px !important;
//  }
//}
//
//@media only screen and (max-width: 360px) {
//  html {
//    font-size: 56.25px !important;
//  }
//}
//
//@media only screen and (max-width: 320px) {
//  html {
//    font-size: 50px !important;
//  }
//}